<template>
  <div class="box8">
      <dl v-for='(item) in rq' :key='item.id'>
          <dt>
              <img :src="item.pic" alt="">
          </dt>
          <dd>
              <p class="zi">{{item.name}}</p>
              <p>{{item.recommendStatusStr}}</p>
              <p>￥{{item.originalPrice}}</p>
          </dd>
      </dl>
  </div>
</template>

<script>
export default {
    props:['rq'],
    data() {
        return {
            
        }
    },
    methods: {
       
    },
}
</script>

<style lang='scss' scoped>
.box8{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    dl{
        width: 49%;
        margin-bottom: 10px;
        dt{
            width: 100%;
            img{
                width: 100%;
                height: 200px;
            }
        }
        dd{
            padding-left: 10px;
        }
        .zi{
            white-space: nowrap;
            overflow:hidden ;
            text-overflow: ellipsis;
        }
    }
}

</style>